{% extends "html/base.html" %}

{% block title %}Projetos{% endblock %}

{% block head %}
	<link type="text/css" rel="stylesheet" href="/css/card.css" />
{% endblock %}

{% block body %}
	<h1>Meus Projetos</h1>
	<br />
	{% for cenario in cenarios %}
		<a href="/cenario?cid={{cenario.cid}}">
			<div class="inlineTable">
				<div class="cardborder blackborder">
					<div class="innercardborder">
						<div class="card Colourless part1">
							<span class="left_of_namebox"></span>
							<div class="pinline pinline_box namebox">
								<div class="cardtitlebar">
									<div class="cardname">
									  <span title="">{{cenario.nome}}</span>
									</div>
									<div class="cardmanacost"></div>
									&nbsp;
								</div>
							</div>
							<div class="cardart_container">
								<div class="pinline pinline_sides">
									<div class="cardart image">
										<!-- Imagem do cenário -->
										 {% if cenario.pid %}
											<img src="img?id={{cenario.pid}}&tipo=p">
										{% endif %}
									</div>
								</div>
							</div>
							<div class="pinline pinline_box typebox">
								<div class="cardtypebar">
									<div class="cardrarity mythic">
										&nbsp;P&nbsp;
									</div>
									<div class="cardtype">
										<span>Cenário</span>
									</div>
								</div>
							</div>
							<div class="cardtext_container">
								<div class="pinline pinline_sidesbottom">
									<div class="cardtext">
										<div class="rulestext_wrapper">
											<div class="rulestext">{{cenario.descricao}}</div>           
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</a>
	{% endfor %}
	<a href="/cenario">
		<div class="inlineTable">
			<div class="cardborder blackborder">
				<div class="innercardborder">
					<div class="card Colourless part1">
						<span class="left_of_namebox"></span>
						<div class="pinline pinline_box namebox">
							<div class="cardtitlebar">
								<div class="cardname">
								  <span title="">Novo cenário</span>
								</div>
								<div class="cardmanacost"></div>
								&nbsp;
							</div>
						</div>
						<div class="cardart_container">
							<div class="pinline pinline_sides">
								<div class="cardart image">
									<!-- Imagem do cenário -->
									<img src="/images/add-icon.png">
								</div>
							</div>
						</div>
						<div class="pinline pinline_box typebox">
							<div class="cardtypebar">
								<div class="cardrarity mythic">
									&nbsp;P&nbsp;
								</div>
								<div class="cardtype">
									<span>Cenário</span>
								</div>
							</div>
						</div>
						<div class="cardtext_container">
							<div class="pinline pinline_sidesbottom">
								<div class="cardtext">
									<div class="rulestext_wrapper">
										<div class="rulestext">Adiconar novo cenário...</div>           
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</a>
{% endblock %}
	
